<div class="mainPage">
  <!-- <div nz-row style="text-align: center;background: #fff;margin: 10px 1%">
    <h1>电梯安全动态监管系统数据统计</h1>
  </div> -->

  <div style="margin:0.5% 1%">
    <div nz-row [nzGutter]="8">
      <div nz-col class="gutter-row" [nzSpan]="12">
        <nz-card>
          <ng-template #title>
            <i class="anticon anticon-like-o" style="color: #fb5c07"></i>&nbsp;&nbsp;维保单位履职排名前十
          </ng-template>
          <ng-template #body>
            <nz-table #nzTable [nzDataSource]="WBRank" [nzIsPagination]="false">
              <thead nz-thead>
                <tr>

                  <th nz-th>排名</th>
                  <th nz-th>单位名称</th>
                  <th nz-th>经验值</th>
                </tr>
              </thead>
              <tbody nz-tbody>
                <tr nz-tbody-tr *ngFor="let data of WBRank">

                  <td nz-td>
                    {{data.rowNo}}
                  </td>
                  <td nz-td>
                    {{data.partyName}}
                  </td>
                  <td nz-td>
                    {{data.mark}}
                  </td>
                </tr>
              </tbody>
            </nz-table>
          </ng-template>
        </nz-card>
      </div>

      <div nz-col class="gutter-row" [nzSpan]="12">
        <nz-card>
          <ng-template #title>
            <i class="anticon anticon-like-o" style="color: #fb5c07"></i>&nbsp;&nbsp;维保人员履职排名前十
          </ng-template>
          <ng-template #body>
            <nz-table #nzTable [nzDataSource]="WBYRank" [nzIsPagination]="false">
              <thead nz-thead>
                <tr>
                  <th nz-th>用户名称</th>
                  <th nz-th>排名</th>
                  <th nz-th>单位名称</th>
                  <th nz-th>经验值</th>
                  <th nz-th>成就</th>
                </tr>
              </thead>
              <tbody nz-tbody>
                <tr nz-tbody-tr *ngFor="let data of WBYRank">
                  <td nz-td>
                    {{data.userName}}
                  </td>
                  <td nz-td>
                    {{data.rowNo}}
                  </td>
                  <td nz-td>
                    {{data.partyName}}
                  </td>
                  <td nz-td>
                    {{data.mark}}
                  </td>
                  <td nz-td>
                    {{data.name}}
                  </td>
                </tr>
              </tbody>
            </nz-table>
          </ng-template>
        </nz-card>
      </div>



    </div>

    <div nz-row [nzGutter]="8">
      <div nz-col class="gutter-row" [nzSpan]="12">
        <nz-card>
          <ng-template #title>
            <i class="anticon anticon-like-o" style="color: #fb5c07"></i>&nbsp;&nbsp;使用单位履职排名前十
          </ng-template>
          <ng-template #body>
            <nz-table #nzTable [nzDataSource]="WYRank" [nzIsPagination]="false">
              <thead nz-thead>
                <tr>
                  <th nz-th>排名</th>
                  <th nz-th>单位名称</th>
                  <th nz-th>经验值</th>
                </tr>
              </thead>
              <tbody nz-tbody>
                <tr nz-tbody-tr *ngFor="let data of WYRank">

                  <td nz-td>
                    {{data.rowNo}}
                  </td>
                  <td nz-td>
                    {{data.partyName}}
                  </td>
                  <td nz-td>
                    {{data.mark}}
                  </td>
                </tr>
              </tbody>
            </nz-table>
          </ng-template>
        </nz-card>
      </div>


      <div nz-col class="gutter-row" [nzSpan]="12">
        <nz-card>
          <ng-template #title>
            <i class="anticon anticon-like-o" style="color: #fb5c07"></i>&nbsp;&nbsp;电梯安全管理员履职排名前十
          </ng-template>
          <ng-template #body>
            <nz-table #nzTable [nzDataSource]="GLYRank" [nzIsPagination]="false">
              <thead nz-thead>
                <tr>
                  <th nz-th>用户名称</th>
                  <th nz-th>排名</th>
                  <th nz-th>单位名称</th>
                  <th nz-th>经验值</th>
                  <th nz-th>成就</th>
                </tr>
              </thead>
              <tbody nz-tbody>
                <tr nz-tbody-tr *ngFor="let data of GLYRank">
                  <td nz-td>
                    {{data.userName}}
                  </td>
                  <td nz-td>
                    {{data.rowNo}}
                  </td>
                  <td nz-td>
                    {{data.partyName}}
                  </td>
                  <td nz-td>
                    {{data.mark}}
                  </td>
                  <td nz-td>
                    {{data.name}}
                  </td>
                </tr>
              </tbody>
            </nz-table>
          </ng-template>
        </nz-card>
      </div>



    </div>
  </div>

</div>
